﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>json格式化(时间日期)</title>
    <link rel="shortcut icon" href="images/logo.png" type="image/x-icon" />
    <meta name="description" content="json,格式化,高亮,7dub,柒色都吧，博客，柒色都吧博客，wordpress"/>
    <meta name="keywords" content="json,格式化,高亮,7dub,柒色都吧，博客，柒色都吧博客，wordpress"/>
    <script src="jquery-2.0.3.min.js" type="text/javascript"></script>
    <script src="jsonFormater.js" type="text/javascript"></script>
    <link href="jsonFormater.css" type="text/css" rel="stylesheet"/>
    <link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>

<div class="HeadersRow">
    <div id="minBtn">◥</div>
    <textarea id="RawJson">[{"tips":"这里输入内容~","Timestamp":"/Date(1509523175457+0800)/"}]</textarea>
    <div id="ControlsRow">
        <input type="Button" value="普通格式化" id='format' class="format_btn" />
        <input type="Button" value="时间格式化" id='dateFormat' class="format_btn" />
        <span id="TabSizeHolder">
        缩进
        <select id="TabSize">
        <option value="1">1</option>
        <option value="2" selected>2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        </select>格
        </span>
        <input type="checkbox" id="QuoteKeys" checked='checked' />
        <label for="QuoteKeys">
        引号控制
        </label>&nbsp;
        <input type="checkbox" id="CollapsibleView" checked='checked' />
        <label for="CollapsibleView">
          控制图标
        </label>
        <br><br>
        <span id="CollapsibleViewDetail">
        <a href="javascript:void(0);" id="expandAll">展开</a>
        <a href="javascript:void(0);" id="collapseAll">叠起</a>
        <a href="javascript:void(0);" class="expand" num="2">2级</a>
        <a href="javascript:void(0);" class="expand" num="3">3级</a>
        <a href="javascript:void(0);" class="expand" num="4">4级</a>
        <a href="javascript:void(0);" class="expand" num="5">5级</a>
        <a href="javascript:void(0);" class="expand" num="6">6级</a>
        <a href="javascript:void(0);" class="expand" num="7">7级</a>
        <a href="javascript:void(0);" class="expand" num="8">8级</a>
        <a href="javascript:void(0);" class="expand" num="9">9级</a>
        <a href="javascript:void(0);" class="expand" num="10">10级</a>
        </span>
    </div>
</div>
<div id="Canvas" class="Canvas"></div>
<script src="app.js" type="text/javascript"></script>

</body>
</html>

